$(function() {
	$("#jqGrid").jqGrid({
		url : baseURL + 'test/testfile/list',
		datatype : "json",
		colModel : [ {
			label : 'id',
			name : 'id',
			index : 'id',
			width : 50,
			key : true
		}, {
			label : '标题',
			name : 'title',
			index : 'title',
			width : 80
		}, {
			label : '内容',
			name : 'content',
			index : 'content',
			width : 80
		}, {
			label : '封面',
			name : 'cover',
			index : 'cover',
			width : 80
		}, {
			label : '图片s',
			name : 'url',
			index : 'url',
			width : 80
		} ],
		viewrecords : true,
		height : 385,
		rowNum : 10,
		rowList : [ 10, 30, 50 ],
		rownumbers : true,
		rownumWidth : 25,
		autowidth : true,
		multiselect : true,
		pager : "#jqGridPager",
		jsonReader : {
			root : "page.list",
			page : "page.currPage",
			total : "page.totalPage",
			records : "page.totalCount"
		},
		prmNames : {
			page : "page",
			rows : "limit",
			order : "order"
		},
		gridComplete : function() {
			// 隐藏grid底部滚动条
			$("#jqGrid").closest(".ui-jqgrid-bdiv").css({
				"overflow-x" : "hidden"
			});
		}
	});

	addCallBack(function() {
		// 主图片
		vm.testFile.cover = Arg[0].src;
	}, 'imgUrl');

    addCallBack(function () {
        //主图片
        $.each(Arg, function (key, item) {
        	console.log(item.src);
        	vm.gallery.push(item.src);

        })
        vm.testFile.url = vm.gallery.join();
        console.log(vm.testFile.url);
    }, 'gallery');
});

var vm = new Vue({
	el : '#rrapp',
	data : {
		showList : true,
		title : null,
		testFile : {},
		gallery: [],
	},
	methods : {
		query : function() {
			vm.reload();
		},
		add : function() {
			vm.showList = false;
			vm.title = "新增";
			vm.testFile = {};
			vm.gallery =[];
		},
		update : function(event) {
			var id = getSelectedRow();
			if (id == null) {
				return;
			}
			vm.showList = false;
			vm.title = "修改";
			vm.gallery =[];
			vm.getInfo(id);
			
		},
		saveOrUpdate : function(event) {
			var url = vm.testFile.id == null ? "test/testfile/save"
					: "test/testfile/update";
			$.ajax({
				type : "POST",
				url : baseURL + url,
				contentType : "application/json",
				data : JSON.stringify(vm.testFile),
				success : function(r) {
					if (r.code === 0) {
						alert('操作成功', function(index) {
							vm.reload();
						});
					} else {
						alert(r.msg);
					}
				}
			});
		},
		del : function(event) {
			var ids = getSelectedRows();
			if (ids == null) {
				return;
			}

			confirm('确定要删除选中的记录？', function() {
				$.ajax({
					type : "POST",
					url : baseURL + "test/testfile/delete",
					contentType : "application/json",
					data : JSON.stringify(ids),
					success : function(r) {
						if (r.code == 0) {
							alert('操作成功', function(index) {
								$("#jqGrid").trigger("reloadGrid");
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo : function(id) {
			$.get(baseURL + "test/testfile/info/" + id, function(r) {
				vm.testFile = r.testFile;
				vm.gallery = r.testFile.url.split(",");
				console.log("aaaa:"+vm.gallery );
			});
		},
		reload : function(event) {
			vm.showList = true;
			var page = $("#jqGrid").jqGrid('getGridParam', 'page');
			$("#jqGrid").jqGrid('setGridParam', {
				page : page
			}).trigger("reloadGrid");
		}
	}
});